<style type="text/css">
    fieldset {
        margin: 10px;
        border-radius: 2px;
        border: 1px solid gray;
    }

    legend, #nofify_error {
        color: red;
    }

    #select_deselect_areas {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

</style>

<fieldset>
    <legend><b>Nastavenie zobrazovania pre kraje</b></legend>
    <div style='margin: 2px;margin-top: 8px;'>
        <div id='areas'>
            <?php
            if (isset($div)) {
                for ($i = 0; $i < count($div); $i++) {
                    echo $div[$i];
                }
            }
            ?>

        </div>
        <br/><br/><br/><br/>
        <span id='select_deselect_areas'>Oznaciť/Odznačiť všetky</span>
        <br/>
        <button id='but'
                style='border:1px solid gray;background: white;border-radius: 2px;margin-left: 5px;margin-bottom: 2px;'>
            Uložiť nastavenia krajov
        </button>
        <div id='vypis' style='padding-left: 20px;'></div>
    </div>
</fieldset>

<fieldset>
    <legend><b>Nastavenie zobrazovania pre kľúčové slová</b></legend>
    <div id='keywords_div'>
        <form>
            <div style='padding-left: 10px;'>Kľúčové slovo:
                <input type='text' id='newArea'/>
                <button id='pridaj'>Pridať</button>
                <span id='nofify_error'></span>
            </div>
        </form>
        <div id='whole'>
            <div id='title'>Pridané kľúčové slová (dočasné - musíte si ich presunúť)</div>
            <div id='red' class="sortable"></div>
        </div>
        <div id='whole'>
            <div id='title'>Uložené kľúčové slová (trvalé)</div>
            <div id='green' class="sortable">
                <?php
                if (isset($keywords)) {
                    for ($i = 0; $i < count($keywords); $i++) {
                        echo $keywords[$i];
                    }
                }
                ?>

            </div>
        </div>

        <button id='save_keywords'>Uložiť zmeny</button>
        <br/>

        <div id='keywords_auto' style='padding:10px;'></div>
        <div id='keywords' style='padding:10px;'></div>
    </div>
</fieldset>
